<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>{$seo.title}</title>
        <meta name="description" content="{$seo.description}" />
        <meta name="keywords" content="{$seo.keywords}" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="{$site_root}/static/ace1.4/assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="{$site_root}/static/ace1.4/assets/font-awesome/4.5.0/css/font-awesome.min.css" />

    <!-- page specific plugin styles -->

    <!-- text fonts -->
    <link rel="stylesheet" href="{$site_root}/static/ace1.4/assets/css/fonts.googleapis.com.css" />

    <!-- ace styles -->
    <link rel="stylesheet" href="{$site_root}/static/ace1.4/assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />

    <!--[if lte IE 9]>
    <link rel="stylesheet" href="{$site_root}/static/ace1.4/assets/css/ace-part2.min.css" class="ace-main-stylesheet" />
    <![endif]-->
    <link rel="stylesheet" href="{$site_root}/static/ace1.4/assets/css/ace-skins.min.css" />
    <link rel="stylesheet" href="{$site_root}/static/ace1.4/assets/css/ace-rtl.min.css" />

    <!--[if lte IE 9]>
      <link rel="stylesheet" href="{$site_root}/static/ace1.4/assets/css/ace-ie.min.css" />
    <![endif]-->

    <link rel="stylesheet" href="{$site_root}/static/admin/css/custom.css" />

    <!-- inline styles related to this page -->

    <!-- ace settings handler -->
    <script src="{$site_root}/static/ace1.4/assets/js/ace-extra.min.js"></script>

    <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

    <!--[if lte IE 8]>
    <script src="{$site_root}/static/ace1.4/assets/js/html5shiv.min.js"></script>
    <script src="{$site_root}/static/ace1.4/assets/js/respond.min.js"></script>
    <![endif]-->
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
  </head>

  <body class="login-layout">
    <div class="main-container">
      <div class="main-content login">
        <div class="row">
          <div class="col-sm-10 col-sm-offset-1">
            <div class="login-container">
              <div class="center">
                <h1>
                  <i class="ace-icon fa fa-leaf green"></i>
                  <span class="red">{$seo.site_name}</span>
                  <span class="white" id="id-text2">管理后台</span>
                </h1>
                <h4 class="blue" id="id-company-text">&copy; Laifuzi</h4>
              </div>

              <div class="space-6"></div>

              <div class="position-relative">
                <div id="login-box" class="login-box visible widget-box no-border">
                  <div class="widget-body">
                    <div class="widget-main">
                      <h4 class="header blue lighter bigger">
                        <i class="ace-icon fa fa-coffee green"></i>
                        登录信息
                      </h4>

                      <div class="space-6"></div>

                      <form action="{:url('login')}" method="post">
                        <fieldset>
                          <label class="block clearfix">
                            <span class="block input-icon input-icon-right">
                              <input type="text" class="form-control" name="name" placeholder="登录名" />
                              <i class="ace-icon fa fa-user"></i>
                            </span>
                          </label>

                          <label class="block clearfix">
                            <span class="block input-icon input-icon-right">
                              <input type="password" class="form-control" name="password" placeholder="密码" />
                              <i class="ace-icon fa fa-lock"></i>
                            </span>
                          </label>

                          <div class="space"></div>

                          <div class="clearfix">
                            <label class="inline">
                              <input type="checkbox" class="ace" name="is_remember" value="1" />
                              <span class="lbl"> 记住密码</span>
                            </label>

                            <button type="submit" class="width-35 pull-right btn btn-sm btn-primary">
                              <i class="ace-icon fa fa-key"></i>
                              <span class="bigger-110">登录</span>
                            </button>
                          </div>

                          <div class="space-4"></div>
                        </fieldset>
                      </form>
                    </div><!-- /.widget-main -->
                  </div><!-- /.widget-body -->
                </div><!-- /.login-box -->
              </div><!-- /.position-relative -->
            </div>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.main-content -->
    </div><!-- /.main-container -->

    <!-- basic scripts -->

    <!--[if !IE]> -->
    <script src="{$site_root}/static/ace1.4/assets/js/jquery-2.1.4.min.js"></script>
    <script src="{$site_root}/static/plugins/jquery-validate/jquery.validate.min.js"></script>

    <!-- <![endif]-->

    <!--[if IE]>
<script src="{$site_root}/static/ace1.4/assets/js/jquery-1.11.3.min.js"></script>
<![endif]-->
    <script type="text/javascript">
      if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
    </script>
    <script type="text/javascript">
      $(document).ready(function(){
        $("form").validate({
          rules:{
            "name":{
              required: true,
              maxlength: 30
            },"password":{
              required: true,
              minlength: 6,
              maxlength: 20
            }
          },
          messages:{
            "name":{
              required: "登录名不能为空",
              maxlength: "登录名不正确"
            },"password":{
              required: "登录密码不能为空",
              minlength: "登录密码不正确",
              maxlength: "登录密码不正确"
            }
          },
          errorClass: "help-inline input-error",
          errorElement: "span",
          highlight:function(element, errorClass, validClass) {
            $(element).parents('.block').addClass('has-error');
          },
          unhighlight: function(element, errorClass, validClass) {
            $(element).parents('.block').removeClass('has-error');
          },
          submitHandler: function(form){
            var $form = $(form);
            $.ajax({
              url: $form.attr("action"),
              type: $form.attr("method"),
              dataType: "JSON",
              data: $form.serialize(),
              success: function(data){
                if(data.code){
                  location.href = data["url"];
                }else{
                  alert(data["msg"]);
                }
              }, error: function () {
                alert("数据执行错误！");
              }
            });
          }
        });
      });
    </script>
  </body>
</html>
